
.absMiddle {
    display: flex;
    justify-content: center;
    align-items: center;
}
.bgTrans{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    background: rgba(0, 0, 0,0);
}
//enter是入场前的刹那（点击按钮），appear指页面第一次加载前的一刹那（自动）
.fade-enter, .fade-appear {
    opacity: 0;
}
//enter-active指入场后到入场结束的过程，appear-active则是页面第一次加载自动执行
.fade-enter-active, .fade-appear-active { 
    opacity: 1;
    transition: opacity 1s ease-in;
}
//入场动画执行完毕后，保持状态
.fade-enter-done {
    opacity: 1;
}
//同理，出场前的一刹那，以下就不详细解释了，一样的道理
.fade-exit {
    opacity: 1;
}

.fade-exit-active {
    opacity: 0;
    transition: opacity 1s ease-in;
}

.fade-exit-done {
    opacity: 0;
}
.hidden{
    display: none;
}
html,
body {
    font-size: 62.5% !important;
    min-height: 100vh;
}
ul{
    list-style: none;
}
.ant-select {
    .ant-select-selection {
        width: 100%;
    }
}
.ant-calendar-picker{
    width: 100%;
    >div{
        width: 100%;
    }
}
.gray {
    filter: grayscale(100%);
}

.gaosi:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: inherit;
    filter: blur(5px);
    z-index: 2;
}

.ant-modal-body {
    overflow: hidden;
}

.ant-form {

    label,
    input,
    div {
        font-size: 13px !important;
    }
}

.ant-btn {
    font-size: 13px !important;
}

.ant-select-dropdown {
    li {
        font-size: 13px !important;
    }
}

.ant-dropdown-menu {
    li {
        font-size: 13px;

        .anticon {
            font-size: 15px !important;
            vertical-align: -0.25em;
            margin-left: 4px;
        }
    }

}

.ant-table {
    table {
        font-size: 13px;

        .ant-table-column-title {
            white-space: nowrap;
        }

    }
}